<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head lang="en" th:replace="include/common/common :: commonHeader">
    <footer th:include="include/common/common :: cssFooter"></footer>
    <footer th:include="include/common/common :: layUiCSSFooter"></footer>
    <footer th:include="include/common/common :: zTreeCSSSource"></footer>
    <footer th:include="include/common/common :: jQueryFooter"></footer>
    <footer th:include="include/common/common :: zTreeJSSource"></footer>
    <base th:href="${basePath}+'/'">
    <!--    <footer th:include="include/tag/treeSelectTag :: zTreeUserFooter"></footer>-->
    <footer th:include="include/common/common :: jsFooter"></footer>
    <!--    <footer th:include="include/tag/treeSelectTag :: zTreeFooter"></footer>-->
    <script th:inline="javascript">
        var message = [[${menuTreeData}]];
        var basePath = [[${basePath}]];
        $(function () {
            $.blueJs.events();
            var menuTreeData = [[${menuTreeData}]];
            console.log(menuTreeData);
            if (isEmpty(menuTreeData)){

            }
            $.blueJs.createMenu(menuTreeData , 'menuNav');
        });

    </script>
    <style type="text/css">

    </style>
</head>
<body>
<!--  zTree遮罩层 -->
<div th:replace="include/tag/treeSelectTag :: zTreeMask"></div>
<div th:replace="include/tag/treeSelectTag :: zTreePanel"></div>

<!-- form表单回显信息遮罩层 -->
<div th:replace="include/tag/layerTag :: layerMask"></div>
<div th:replace="include/tag/layerTag :: layerPanel"></div>


<!-- 主面板 -->
<div class="col-sm-12 col-md-12 no-gutters container">
    <!--    头部导航区-->
    <div th:replace="include/sysIndex/blue-header :: navbar"></div>
    <!--<div class="col-lg-12 blue-header">
        <div class="col-sm-2 col-md-2 blue-logo">
            <span><b>头部Logo区域</b></span>
        </div>
        <div>
            &lt;!&ndash;        左侧导航&ndash;&gt;
            <ul class="nav navbar-nav navbar-left blue-nav-ul">
                <li class="layui-nav-item">
                    <a href="http://oa.zhengjiangroup.com:9090/" target="_blank" title="OA">
                        <i class="layui-icon layui-icon-website"></i>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" blue-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
                <li></li>
            </ul>
            &lt;!&ndash;        右侧导航&ndash;&gt;
            <ul class="nav navbar-nav navbar-right blue-nav-ul">
                <li class="layui-nav-item layui-hide-xs" >
                    <a href="javascript:;" blue-event="fullscreen" title="全屏">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="blue-nav-ul">
                    <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" id="userMenu" title="用户">
                        <span>用户</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="userMenu">
                        <li role="presentation">
                            <a>
                                基本资料
                            </a>
                        </li>
                        <li role="presentation">
                            <a>修改密码</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation" >
                            <a>注销</a>
                        </li>
                    </ul>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>
    </div>-->
    <!--    左侧菜单-->
    <div class="col-sm-2 col-md-2 blue-side">
        <ul class="nav nav-pills nav-stacked full-inp blue-side-menu" id="menuNav">
        </ul>
    </div>
    <!--    选项卡-->
    <div th:replace="include/sysIndex/blue-tabs :: blue-tabs"></div>
    <!--<div class="col-sm-10 col-md-10 blue-tabs">
        &lt;!&ndash;        选项卡 左侧队列&ndash;&gt;
        <ul class="nav navbar-nav navbar-left blue-tabs-item">
            <li id="tab_homePage_end" blue-event="tabsClick" class="active">
                <div class="title">
                    <i class="glyphicon glyphicon-home"></i>
                    Home
                </div>
            </li>
        </ul>
        &lt;!&ndash;        选项卡 右侧关闭菜单队列&ndash;&gt;
        <ul class="nav navbar-nav navbar-right">
            <li>
                <a class="dropdown-toggle" data-toggle="dropdown" id="closeTabs">
                    <span class="glyphicon glyphicon-chevron-down"></span>
                </a>
                <ul class="dropdown-menu " role="menu" aria-labelledby="closeTabs">
                    <li role="presentation">
                        <a blue-event="tabsCloseMenu" blue-text="1">关闭当前标签页</a>
                    </li>
                    <li role="presentation">
                        <a blue-event="tabsCloseMenu" blue-text="2">关闭其他标签页</a>
                    </li>
                    <li role="presentation">
                        <a blue-event="tabsCloseMenu" blue-text="0">关闭全部标签页</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>-->
    <!--    内容区 面板-->
    <div class="col-sm-10 col-md-10 blue-body-panel">
        <!--        选项卡对应的内容区-->
        <div id="blue-tabs-body-items" class="col-sm12 col-md-12 blue-tabs-body">
            <!--            home页面，禁止销毁-->
            <dive id='tabBody_homePage_end' class="cont-index blue-tab-pane active">
                <h2 class="sub-header">Section title</h2>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Header</th>
                            <th>Header</th>
                            <th>Header</th>
                            <th>Header</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1,001</td>
                            <td>Lorem</td>
                            <td>ipsum</td>
                            <td>dolor</td>
                            <td>sit</td>
                        </tr>
                        <tr>
                            <td>1,002</td>
                            <td>amet</td>
                            <td>consectetur</td>
                            <td>adipiscing</td>
                            <td>elit</td>
                        </tr>
                        <tr>
                            <td>1,003</td>
                            <td>Integer</td>
                            <td>nec</td>
                            <td>odio</td>
                            <td>Praesent</td>
                        </tr>
                        <tr>
                            <td>1,003</td>
                            <td>libero</td>
                            <td>Sed</td>
                            <td>cursus</td>
                            <td>ante</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </dive>
        </div>
        <div class="col-sm-10 col-md-10 blue-bottom">
            Copyright &copy;2020 BlueDream.org
        </div>
    </div>

</div>
</body>
</html>